<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>easylife</title>
	
	<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
	<link media="all" href="/easylife/Public/Home/css/frozen.css?v=201501248042" rel="stylesheet">
	
	<style type="text/css">
		@font-face{
			font-family: myFirstFont;
			src: url('/easylife/Public/Home/font/淘淘.ttf'),
				 url('/easylife/Public/Home/font/淘淘.eot');
		}
		.content{
			display: -webkit-box;
			display: -webki-flex;
			display: flexbox;	
			display: flex;
			font-family:myFirstFont;
			/*更改伸缩容器的主轴方向*/
			/*-webkit-flex-direction: column;
			flex-direction:column;*/

			/*主轴居中对齐*/
			-webkit-justify-content: space-around;
    		justify-content: space-around;
    		/*侧轴居中对齐*/
    		/*-webkit-align-items:center;
			align-items:center;*/

			align-content:space-between;

		}
		.flex{
			-webkit-box-flex: 0;  
			display: -webki-flex;
			display: flexbox;	
			display: flex;
			width: 300px;
			height:300px;
			border:1px solid gray;
			background-color: #FFF;

			-webkit-align-items:center;
			align-items:center;	
		}
		.item1{
			flex:2;
			font-size: 30px;
			height: 150px;
			word-wrap:break-word;
		}
		.item2{
		}
		.base{
			width: 300px;
			height:300px;
			border:1px solid gray;
		}
	</style>

</head>
<body>
	
	<div class="content">	
	<div class="flex item1">对不起</div>
	<div class="flex item2">flexItem2</div>
	<div class="flex item1">对不起我爱你</div>

	</div>
	<!-- <div class='base'></div> -->

<script src="/easylife/Public/Home/js/zepto.min.js?v=201501248042"></script>
<script src="/easylife/Public/Home/js/frozen.js?v=201501248042"></script>

	<script type="text/javascript">
		
	</script>

</body>
</html>